<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>汇客外卖</title>
    <link rel="stylesheet" href="../css/index.css">
     <link rel="stylesheet" href="../css/bootstrap.css">
     <link rel="stylesheet" href="../css/font-awesome.min.css">
    <script src="../../../lib/jquery-1.12.4.min.js"></script>
    <script src="../js/index.js"></script>
    <link rel="shortcut icon" href="../../../lib/汇 .ico">
</head>
<body>
   
        <div class="top  "> 
        <div class="top-image ">
            <img class="img-responsive" src="../images/外卖.png">
            <ul class="entrance">
                <li class="blue">
                    <div class="entrance-title">
                        <img style="margin-top: -8px; width: 30px; height: 30px;" src="../images/enter-icon.png">   我要驻扎
                     <img style="margin-top: -5px; width: 12px; height: 12px;" src="../images/third-right-arrow.png">
                    </div>
                    <div class="entrance-content">
                        商家、配送、城市代理、服务市场
                    </div>
                </li>
                <li class="red">
                    <div class="entrance-title">
                        <img style="margin-top: -8px; width: 30px; height: 30px;" src="../images/dev-icon.png">   开发者接入
                     <img style="margin-top: -5px; width: 12px; height: 12px;" src="../images/third-right-arrow.png">
                    </div>
                    <div class="entrance-content">
                        外卖、餐饮开放平台
                    </div>
                </li>
                <li class="yellow">
                    <div class="entrance-title">
                        <img style="margin-top: -8px; width: 30px; height: 30px;" src="../images/waimai-icon.png">   我要点外卖
                     <img style="margin-top: -5px; width: 12px; height: 12px;" src="../images/third-right-arrow.png">
                    </div>
                    <div class="entrance-content">
                     快捷下单，一键点餐
                    </div>
                </li>
            </ul>
        </div>
      
</div>   
    <div class="service">
        <div class="service_main">
        <div class="service_title">
           SERVICE
            <div class="frame"></div>
            <div class="title_name">服务介绍</div>
        </div>
        <div class="service-types">
            <h1>品类全覆盖，应有尽有</h1>
            <ul class="types">
                <li data-index="0">
                    <div class="icon"><img src="../images/Delicacy-picked.png"></div>
                    <div class="option">
                        <div class="up picked">美食 Delicacy</div>
                        <div class="down">大牌优惠</div>
                        <div class="down-before now-before"></div>
                    </div>
                </li>
                <li data-index="1">
                    <div class="icon"><img src="../images/Delicacy-nopick.png"></div>
                    <div class="option">
                        <div class="up">甜点饮品 Dess&Drinks</div>
                        <div class="down">幸福甜蜜</div>
                        <div class="down-before"></div>
                </li>
                <li data-index="2">
                    <div class="icon"><img src="../images/Delicacy-nopick.png"></div>
                    <div class="option">
                        <div class="up">水果生鲜 Fresh foods</div>
                        <div class="down">大牌优惠</div>
                        <div class="down-before "></div>
                </li>
                <li data-index="3">
                    <div class="icon"><img src="../images/Delicacy-nopick.png"></div>
                    <div class="option">
                        <div class="up">超市便利 Supermarket</div>
                        <div class="down">优惠处销</div>
                        <div class="down-before"></div>
                </li>
            </ul>
        </div>
        <div class="types-images">
            <div class="iphone-out">
                <div class="iphone-images"></div>
            </div>
        </div>
        </div>
    </div>
    <div class="excellent_case">
        <div class="case_main">
         <div class="case_title">
             CASE
             <div class="frame"></div>
             <div class="title_name">优秀合作案例</div>
         </div>
         <div class="background">
             <div class="left " id="arrow"></div>
         <div class="right " id="arrow"></div>
         <div class="bottmo">
            <div class="list">
                <ul>
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                  
                </ul>
            </div>
        </div>
         <div class="main_content">
             
             <ul id="case"> 
             </ul>
         </div>
        </div>
        </div>
    </div>
    <div class="news">
        <div class="news_main">
            <div class="news_title">
                NEWS
                <div class="frame news_frame"></div>
                <div class="title_name news_titleName">媒体新闻报道</div>
            </div>
            <div class="news_content">
                <div class="news_info">
                    <div class="info_bg">
                        <div class="navigation">
                            <span class = "current-index" >01</span>
                            <ul>
                                <li data-index=1 class="hover"></li>
                                <li data-index=2></li>
                                <li data-index=3></li>
                                <li  data-index=4></li>
                                <li  data-index=5></li>
                                <li  data-index=6></li>
                            </ul>
                        </div>
                    </div>
                   
                    <div class="info_details">
                        <ul id='new'>
                         
                        </ul>
                    </div>
                </div>
                <div class="news_list">
                    <div class="list_title">新闻年度媒体报道</div>
                    <ul id='news_list'>
                    </ul>
                    <a  class="all">全部报道 <i class="fa fa-angle-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>